<template>
  <div>
    <h1>View Two</h1>
    <h1>这个页面主要使用hooks</h1>
    <h1>获取的person.name是:{{person.name}}</h1>
    <h1>获取的person.age是:{{person.age}}</h1>
    <h1>全名是:{{ fullName }}:(这里是计算属性)</h1>
    <button @click="add">年龄加1</button>
  </div>
</template>

<script lang="ts" setup>
import usePerson from '@/hooks/usePerson.ts'
const {person,fullName,add} = usePerson()

</script>

<style scoped>
</style>